<template>
	<!-- 消息 item -->
	<view class="notice">
		<view class="time">{{notice.noticeTime}}</view>
		<view class="notice-content">
			<view class="notice-title">{{notice.title}}</view>
			<u-line></u-line>
			<view class="content-items" v-if="notice.isMission">
				<view class="item-line">单号：<text>{{notice.orderNo}}</text></view>
				<view class="item-line">设备：<text>{{notice.deviceName}}</text></view>
				<view class="item-line">故障描述：<text>{{notice.description}}</text></view>
				<view class="item-line">报修人：<text>{{notice.reporter}}</text></view>
				<view class="item-line">报修时间：<text>{{notice.reportTime}}</text></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		props: {
			notice: {
				type: Object,
				default: () => {}
			}
		}
	}
</script>

<style scoped lang="scss">
	.notice {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0 30rpx;

		.time {
			padding: 30rpx 0 0 0;
		}

		.notice-content {
			background: #ffffff;
			border-radius: 10rpx;
			width: 100%;
			display: flex;
			margin: 30rpx 0 0 0;
			flex-direction: column;

			.notice-title {
				padding: 30rpx;
			}
		}

		.content-items {
			display: flex;
			flex-direction: column;
			padding: 30rpx;
			line-height: 48rpx;
		}
	}
</style>
